<ul class="list-group list-group-flush">
    <li class="list-group-item">
        <form id="userInfoForm" style="width:1000px; margin:0 auto;" onsubmit="return false">
            <div class="form-group row">
                <label for="userName" class="col-sm-2 col-form-label">用户名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="userName" name="nick_name" readonly placeholder="用户名" value="{{nick_name}}">
                </div>
            </div>
            <div class="form-group row">
                <label for="userEmail" class="col-sm-2 col-form-label">email</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="userEmail" name="email" readonly placeholder="电子邮件" value="{{email}}">
                </div>
            </div>
            <div class="form-group row">
                <label for="userWebSite" class="col-sm-2 col-form-label">个人网站</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="userWebsite" name="website" placeholder="修改自己的个人网站....">
                </div>
            </div>
            <div class="form-group row">
                <label for="userSign" class="col-sm-2 col-form-label">个性签名</label>
                <div class="col-sm-10">
                    <textarea class="form-control" id="userSign" name="sign" rows="3" placeholder="重写自己的签名在这里!"></textarea>
                </div>
            </div>
            <input type="submit" class="btn btn-primary float-right" id="saveUserInfo" value="保存设置">
        </form>
    </li>

    <li class="list-group-item">
        <form style="width:1000px; margin:0 auto;" id="passwordFormWrapper">
            <div class="form-group row">
                <label for="oldPassword" class="col-sm-2 col-form-label">当前密码</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="oldPassword" placeholder="当前密码">
                </div>
            </div>
            <div class="form-group row">
                <label for="newPassword" class="col-sm-2 col-form-label">新密码</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" id="newPassword" placeholder="新密码">
                </div>
            </div>
            <button type="button" class="btn btn-primary float-right" id="updatePasswordBtn">保存修改</button>
        </form>
    </li>
</ul>